<template>
  <div class="tooltip">
    <el-popover
      placement="top"
      trigger="hover"
      v-model="visible">
      <p v-for="(item, index) in messages" :key="index">{{item}}</p>
      <i slot="reference" class="iconfont el-third-iconwenhao" style="margin-left:2px;"></i>

    </el-popover>

  </div>

</template>

<script>
import '@/assets/myicon/iconfont.css'
export default {
  name: 'tableHeaderTip',
  props: {
    messages: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scope>
.tooltip{display: inline-block;vertical-align: middle;}
</style>
